import React from 'react';
import { Tooltip } from 'antd';
import { QuestionCircleOutlined } from '@ant-design/icons';

const TipTitle: React.FunctionComponent<any> = (props: { title: string|number, tip: string|number, }) => {

  const { title, tip } = props;

  return (
    <>
      <span>{title}</span>
      <Tooltip title={tip}>
        <QuestionCircleOutlined />
      </Tooltip>
    </>
  );
}

export default TipTitle;